<template>
	<div id="main">
		<div class="top"></div>	
        <div class="content">
    		<problem></problem>	
            <contact></contact>
            <selfService></selfService>
        </div>
	</div>
</template>

<script>
import problem from "../components/problem.vue"
import contact from "../components/contact.vue"
import selfService from "../components/selfService.vue"

export default{
	data(){
		return{

		} 
	},
	components:{
        problem,contact,selfService
    }
}
</script>

<style scoped>
.top{
    height: 620px;
    background-size: auto 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(http://static.smartisanos.cn/service/assets/images/top.5dc20d0b797aa46fec1a159a016751c7.jpg);
    background-color: #131313;
    position: relative;
    top: -90px;
    margin-bottom: -90px;
}		
</style>